body
{
	background:          #FFFFFF;
	font-family:         Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	font-size:           14px;
	letter-spacing:      1px;
	margin:              0px 30px;
	padding:             0px; 
	text-align:          justify;
}

a
{
	color:               #6666FF;
}

ol
{
	list-style-type:     lower-alpha;
}

li
{
	margin:              10px 0px;
	padding:             10px 0px;
	border-bottom:       1px dotted #CCCCCC;
	vertical-align:      center;
}

form
{
	margin:              0px;
	padding:             0px;
}

#logo
{
	
}

#welcome
{
	border: 1px solid black;
	width: 500px;	
}











.bar
{
	background:          #E9E9EF;
  	border:              1px solid #C9C9CF;
	margin:              0px;
	padding:             5px;
}


.button
{
	margin:              0px 5px;
	padding:             2px 30px;	
}

#main
{
	padding:             15px;	
}

#title_result
{
	float:               right;
	color:               #0909AF;
}

#login2
{
	float:               right;
	background:          #EFEFFF;
	font-size:           12px;
	letter-spacing:      0px;
	padding:             5px 15px;
	width:               200px;
	border:              2px solid #BBBBBB;
	margin:              10px;
}

#login2 .accountaccess
{
	text-align:          center;
	margin:              10px;
	font-size:           15px;
	font-weight:         bold;	
}

#login2 hr
{
	border:              1px dotted #BBBBBB;
	margin:              10px 0px;	
}

#login2 .text
{
	font-size:           13px;
	margin-bottom:       15px;
}

#login2 .buttonbox
{
	text-align:          right;
}

#login2 .forgotpassword
{
	text-align:          center;
	margin-bottom:       10px;
}

#login
{
	float:               right;
	font-size:           13px;
	letter-spacing:      0px;
	padding:             5px 15px;
	text-align:          right;
}

#login #submit
{
	margin-left:         10px;
}

#login #loginerror
{
  	color:               #990000;
	margin:              0px 10px;
	padding:             3px 10px;
}

#create_questionary
{
}


#submit_questionary
{
	float:               right;
}

#statistic
{
	font-size:           20px;
	letter-spacing:      1px;
	margin:              10px 200px;
	padding:             15px; 
	text-align:          left;
	vertical-align:      text-top;
}

#statistic a
{
	color:               #000000;
	border-bottom:       2px dotted #0000FF;
	text-decoration:     none;
}

#statistic .normal
{
	position:relative;
	top:50%;
}


#statistic .normal,
#statistic .good_number,
#statistic .bad_number
{
	display:             inline-table;
}

#statistic .good_number,
#statistic .bad_number
{
	width:               60px;
	font-size:           30px;
	text-align:          right;
	margin:              0px 5px;
	padding:             0px;
}

#statistic .good_number
{
	color:               #0000FF;
}

#statistic .bad_number
{
	color:               #FF0000;
}

#questionary .item
{
	border-top:          1px solid #DDDDDD;	
	border-right:        2px solid #BBBBBB;	
	border-bottom:       2px solid #BBBBBB;	
	border-left:         1px solid #DDDDDD;	
	margin:              20px;
	padding:             10px;
}

#questionary .item .question
{
	font-size:           18px;
	font-weight:         bold;
	margin:              5px;
	padding:             5px;
}

#questionary .item .title
{
	padding:             0px 15px;
	text-align:          right;
}

#questionary .item .icon
{
	float:               right;
	padding:             5px 20px;
}

#questionary .item .tags
{
	color:               #00AA00;
	font-size:           10px;
	text-align:          right;
}

#questionary .item .answers .unkown    { color: #000000 }
#questionary .item .answers .notmarked { color: #777777 }
#questionary .item .answers .right     { color: #008800; font-weight: bold }
#questionary .item .answers .missed    { color: #0000FF; font-weight: bold }
#questionary .item .answers .wrong     { color: #AA0000; font-weight: bold }
#questionary .item .answers .error     { color: pink; font-weight: bold }

#questionary .item .answers .explanation
{
	font-family:         monospace;
	font-size:           12px;
	background:          #F0F0F0;
	border:              1px solid #CCCCCC;
	margin:              5px;
	padding:             5px;	
}

#questionary #results
{
	color:               #0909AF;
	font-size:           25px;
	text-align:          center;
	background:          #C9C9FF;
  	border:              3px solid #3939FF;
	margin:              50px;
	padding:             15px;
}

#questionary #results #right
{
	background:          #00FF00;
}

#questionary #results #wrong
{
	background:          #FF0000;
}

#questionary #results #notmarked
{
	background:          #666666;
}
